<template>
  <div>
    <svg-icon :icon-class="iconClass" />
  </div>
</template>

<script>
export default {
  props: {
    status: {
      type: Boolean,
      required: true
    }
  },
  data() {
    return {
      iconClass: ''
    }
  },
  watch: {
    status(val) {
      if (val) {
        this.iconClass = 'ok'
      } else {
        this.iconClass = 'error'
      }
    }
  },
  created() {
    if (this.status) {
      this.iconClass = 'ok'
    } else {
      this.iconClass = 'error'
    }
  }
}
</script>

<style>

</style>
